<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我要入席</title>
		<meta name="viewport" content="width=640,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/my_animate.css" />
		<link rel="stylesheet" type="text/css" href="css/banquet.css" />
	</head>

	<body>
		<!--婚宴页-->
		<div class="web join">
			<div class="yinye rotate360">
				<img src="images/index/music_ico.png" />
			</div>
			<audio src="audio/1.mp3" class="audio" autoplay="autoplay" loop="loop"></audio>
			<!--跳回首页-->
			<div class="index">
				<a href="index.html">
					<img src="images/common/home.png" />
				</a>
			</div>
			<!--桌子-->
			<div class="center">
				<div class="banquet_main">
					<!--主宾桌-->
					<div class="guest">
						<div class="table"><img src="images/table.png" />
							<div class="table_num">
								<span class="number">主宾桌</span>
							</div>
						</div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
					</div>
					<!--客宾各桌-->
					<div class="morebito clearfix">
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">1</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">2</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">3</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">4</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">5</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/add_table.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
					</div>
				</div>
			</div>
			<!--第几位客宾-->
			<div class="pew">您是第<span class="your_num">X</span>位宾客，目前已有<span class="num_of_peaple">45</span>位宾客入席</div>
			<!--成功入座几桌几位-->
			<div class="jzjw hid">
				<p>你已经成功入席</p>
				<p>你的座位是第<span class="zhuohao">556</span>桌第<span class="weihao">695</span>位</p>
			</div>
			<!--遮罩-->
			<div class="mask hid json_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="images/index/close.png" />
					</div>
					<!--<div class="welcom"><img src="images/welcome.png" /><span class="host">小李子</span></div>-->
					<div class="text">
						<p>欢迎来到<em>小李</em>的婚宴</p>
					</div>
					<div class="btn btn1">
						我要入席
					</div>
					<a href="ranking.html">
						<div class="btn btn2">
							查看喜宴排行榜
						</div>
					</a>
					<a href="index.html">
						<div class="btn btn3">
							我也要制作我的喜宴
						</div>
					</a>
				</div>
			</div>
			<div class="mask hid json1_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="images/index/close.png" />
					</div>
					<!--<div class="welcom"><img src="images/welcome.png" /><span class="host">小李子</span></div>-->
					<div class="text">
						<p>欢迎来到<em>小李</em>的婚宴</p>
					</div>
					<a href="info.html">
						<div class="btn btn1">
							我要入榜,<br /> 赢取999元现金贺礼
						</div>
					</a>
					<a href="ranking.html">
						<div class="btn btn2">
							查看喜宴排行榜
						</div>
					</a>
				</div>
			</div>
			<!--有空位遮罩-->
			<div class="mask hid kongwei_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="images/index/close.png" />
					</div>
					<div class="text">
						<p>还有空位</p>
					</div>
				</div>
			</div>
			<!--座位有人遮罩-->
			<div class="mask hid youren_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="images/index/close.png" />
					</div>
					<div class="text">
						<p>座位有人</p>
					</div>
				</div>
			</div>
			<!---->
			<div class="mask hid zhufu_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="images/index/close.png" />
					</div>
					<div class="text ">
						<p class="zhufu_mask_text">为他收集更多的新婚祝福！</p>
					</div>
				</div>
			</div>
			<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/banquet.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/join.js" type="text/javascript" charset="utf-8"></script>
		</div>
	</body>

</html>